<!--
 * @Date: 2023-02-10 17:31:33
 * @LastEditTime: 2023-02-15 20:08:33
 * @FilePath: /hash-guess-game/src/views/home/drawMoney.vue
 * 介绍:提取
-->
<script lang="ts" setup>
import router from "@@/router";
import { formatNumber } from "@@/utils/tools/tools";
import { HomeData } from "@@/api/module/home";

const props = defineProps<{
  homeData: HomeData.Res | undefined;
}>();
function onNoBtn() {
  router.back();
}
function onOkBtn() {}
function onFooterBtn() {}
defineExpose({ onNoBtn, onOkBtn, onFooterBtn });
const amount = ref<number>();
</script>

<template>
  <div class="drawMoney auto-mt">
    <div class="flex-J-SB">
      <div>{{ $t("ke-ti-shu-liang") }}</div>
      <div>{{ formatNumber(5004.5555) }}</div>
    </div>
    <div class="color-box">
      <VanField v-model="amount" type="digit" placeholder="0000">
        <template #extra>
          <VanButton color="#FED731">MAX</VanButton>
        </template>
      </VanField>
    </div>
  </div>
</template>

<style lang="less" scoped>
.drawMoney {
  .color-box {
    text-align: center;
    border-radius: 11rem;
    margin-left: calc(var(--gap-md) * 2);
    margin-right: calc(var(--gap-md) * 2);
    padding: 8rem;
    background-color: var(--C-M1);
  }
}
</style>
